/* Toggle mobile controls. Also used for user inactivity */
.jwplayer.jw-flag-controls-hidden {
    .jw-logo.jw-hide {
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
    }

    &:not(.jw-flag-casting) .jw-logo-top-right {
        top: 0;
    }

    .jw-plugin {
        bottom: 0.5em;
    }

    .jw-nextup-container {
        bottom: 0;
    }
}

.jw-flag-controls-hidden {
    .jw-controlbar,
    .jw-display {
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        transition-delay: 0s, 250ms;
    }

    .jw-controls-backdrop {
        opacity: 0;
    }

    .jw-logo {
        visibility: visible;
    }
}
